css

background-color属性

<style>
.a.b{ border-color:transparent; }
.a{ width:100px; height:100px; padding:10px; border:10px solid blue; background-color:red; }
.b{ padding:20px; }
</style>
<div class="a b"></div>

问上面代码中红色区域的宽度和高度各式多少？

这道题考点有样式的叠加，同时还要考虑background-color的范围。

答案：160px，160px。background-color包括content、padding和border。此处border为transparent，因此宽高均为160px；如果border为其他颜色，则红色区域为140px。

文字单行显示并且超出时结尾显示“…”

需要三个css属性一起使用来达到以上效果

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

清除浮动

在需要清除浮动的元素上面添加clearfix类

.clearfix:after{
    content:'';
    clear:both;
    display:block;
    overflow:hidden;
    height:0;
    visibility:hidden;
}